@charset "UTF-8";

/* 遮罩 */
#cover {
    position: absolute;
    left:0px;
    top:0px;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.7);
    z-index: 3;
  	display: none; 
}

/*新增&修改窗体*/
#addForm,#addDeptForm,#modifyDeptForm,#addStaffForm,#modifyStaffForm,#modifyForm {
    position: absolute;
    left: 30%;
    top: -2000px;
    width: 40%;
    height: 50vh;
    z-index: 5;
    background-color:rgba(0,0,0,.5);
    box-shadow: 0px 0px 10px #999;
    border:1px solid dodgerblue;
}

.branchInfos{
	float:left;
	width:95%;
	margin-left:2.5%;
	margin-top:2.5%;
	height:90%;
}
.myForm{
	position:relative;
	width:100%;
	height:20%;
	text-indent:20px;
	line-height:350%;
	font-size:1.2rem;
}
.myForm select{
	width:38.6%;
}
.myCalcDetail{
	width:100%;
	height:11%;
	line-height:500%;
	text-indent:20px;
	font-size:1rem;	
}
.myCalcDetailText{
	width:100%;
	height:80px;
}
.myCalcDetail textarea{
	display:inline-block;
	margin-left:20px;
	width:80%;
	height:100%;
	font-size:1rem;
}
.calDetailSpan{
	marign-left:20px;
	height:80px;
	display:inline-block;
	width:100px;
}
.calendarDetails{
	float:left;
	margin-left:2.5%;
	width:95%;
	height:95%;
}
.saveOperations{
	width:100%;
	height:100%;
	padding-left:20px;
}
.staffForm{
	width:100%;
	height:52.5px;
	text-indent:20px;
	line-height:350%;
	font-size:1.2rem;
}
#calendarDetailModal{
    position: absolute;
    left: 20%;
    top: -2000px;
    width: 60%;
    height: 80vh;
    z-index: 5;
    background-color:rgba(0,0,0,.5);
    border:1px solid dodgerblue;
    box-shadow: 0px 0px 10px #999;	
}
.myFormFirst,.staffFormFirst,.myCalcDetailFirst{
	border-bottom:1px solid #ccc;
	box-sizing:border-box;
}

#addDeptForm,#modifyDeptForm,#addStaffForm,#modifyStaffForm{
	height: 80vh;
}
.formTitle{
	display:inline-block;
	width:20%;
}
.confirmDept{
	margin-left:20px;
}

.addTip{
	position:absolute;
	width:170px;
	height:30px;
	left:430px;
	line-height:30px;
	top:-10px;
	background-color:#fff;
	color:#000;
	display:none;
}
#addPrincipal:hover{
	cursor:pointer;
}
